<div id="search" v-show="show">
    <div class="bar bar-header item-input-inset" style="position: fixed">
        <label class="item-input-wrapper">
            <i class="icon ion-ios-search placeholder-icon"></i>
            <input type="search" placeholder="书名" v-model="keyword" v-on:keyup.enter="search(true)">
        </label>
        <button class="button button-clear" style="color: #444" v-on:click="search(true)">
            查询
        </button>
    </div>
    <div id="list" v-if="list.length > 0" class="list search_list_bar" style="height: 100%;overflow-y: scroll;padding-bottom: 44px;padding-top: 44px;overflow-x: hidden">
        <template v-for="book in list">
            <a class="item item-thumbnail-left" href="javascript:;" v-on:click="location(book)">
                <img v-bind:src="book.cover">
                <h2>@{{ book.Title }}</h2>
                <p>@{{ book.Publish }}</p>
                <p>@{{ book.Author }}</p>
            </a>
        </template>
        <button v-show="!isFinish" v-on:click="search(false)" class="button button-full button-light" style="margin: 0">
            @{{ loadLock ? '加载中...' : '加载更多' }}
        </button>
    </div>
    <div v-else style="color: #8d8d8d;text-align: center;margin: 150px 0;">
        没有搜索结果
    </div>
</div>
